<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <ol>
        <li>青花瓷</li>
        <li class="item">双截棍</li>
        <li>轨迹</li>
        <li>东风破</li>
        <li>发如雪</li>
    </ol>
    <ul>
        <li>因为爱情</li>
        <li>浮夸</li>
        <li>好久不见</li>
        <li>富士山下</li>
    </ul>
    <div class="current">周杰伦</div>
    <div>陈奕迅</div>
    <script>
        // 注意一下方法，带()
        $(function (){
        //   1.兄弟元素，siblings 除了自身元素之外的所有亲兄弟
        // $('ol'.item).siblings('li').scc('color','red');

        // 2.第 n 个元素
        // $('ul li：eq(2)').css('color','skyblue');
        // 利用选择方法的方式选择
        var  index = 2;
        // $('ul li0').eq(index).css('color','greeb');
 
        // 3.判断是否有某个类名
        console.log($('div:first').hasClass('current'));
        console.log($('div:last').hasClass('current'));

    });
    </script>
</body>
</html>